<template>
  <div class="q-pa-sm">
      <!-- <UserGroupTable @select-group-name="initGroupName" @after-delete="init"></UserGroupTable> -->
      <UserGroupTable></UserGroupTable>
      <!-- <GroupSettingTable v-if="groupname" :groupname="groupname" ref="GroupSettingTable"></GroupSettingTable> -->
    
    </div>

</template>

<script setup lang="ts">


import UserGroupTable from 'src/components/groupSetting/UserGroupTable.vue';
import { ref, watch } from 'vue';

// const groupSTable = ref<typeof GroupSettingTable>()

// const groupname = ref()
//  function initGroupName(name: string){
//   // groupname.value=''
//   console.log(name);
  
//   groupname.value = name
//   setTimeout(()=>{
//     if (groupSTable.value){
//        groupSTable.value.manualUpdate()
//     }
//   },1000)
// }

// function init(){
//   groupname.value = null
//   setTimeout(()=>{
//     if (groupSTable.value){
//        groupSTable.value.manualUpdate()
//     }
//   },1000)
// }


</script>

<style scoped>
.user-group{
  display: flex;
}
</style>